<template>
    <div>
        <XHQbutton :disabled="true" ref="testBtn">
            <template #icon>
                <img width="30" height="30" src="http://vueshop.glbuys.com/uploadfiles/1524556315.jpg" alt="">
            </template>
            按钮
        </XHQbutton>
        <XHQbutton size="large" type="warning" :plain="true" :loading="true">
            <template #loading>
                <img width="30" height="30"
                    src="https://www.bing.com/th/id/OGC.dda792fe9354f113cfe5da1a3a3e297c?pid=1.7&rurl=http%3a%2f%2fimg.zcool.cn%2fcommunity%2f012d11571d7d0d32f875a399e1fe9e.gif&ehk=RShyDplHWFeu66qAskf9EW7msQL%2bg2lQQ82cyMUNy0E%3d"
                    alt="">
            </template>
            按钮
        </XHQbutton>
        <XHQbutton size="small" type="text">
            按钮
        </XHQbutton>
        <div>
            <TextInput v-model="wenben"></TextInput>
        </div>
        {{ wenben }}
    </div>
</template>
<script setup>
import XHQbutton from "../compontents/Button.vue"
import TextInput from "../compontents/TextInput.vue"
import { ref, onMounted } from "vue";
const testBtn = ref(null)
const wenben = ref("")
onMounted(() => {
    console.log(testBtn.value, 22)
})
</script>